body {
    font-size: 0.24rem;
    color: #5c5c5c;;
    font-family: "Helvetica Neue", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", Verdana, simsun, sans-serif;
}

div, select, footer, input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gray {
    background: #f0f0f0;
}

.separate-line {
    height: 0.2rem;
}

.container-card .header-card {
    padding: 0.2rem 0;
    text-align: center;
}

.container-card .header-card img {
    width: 80%;
}

.select-type {
    background-color: #fff;
    padding: 0 0.1rem 0.7rem;
}

.select-type p {
    line-height: 0.7rem;
    margin-left: 0.1rem;
    margin-bottom: -0.1rem;
}

.select-type ul:after, .customer-no ul:after, .random-no ul:after {
    content: '';
    clear: both;
    display: block;
}

.select-type li, .customer-no li, .random-no li {
    float: left;
    margin: 0.1rem;
    border: 1px solid #5c5c5c;
    width: calc(33.33% - 0.2rem - 2px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 0;
}

.select-type .no-card {
    border: 1px solid #ddd;
    color: #ddd;
    background-color: #f9f9f9;
}

.select-type li.active, .customer-no li.active, .random-no li {
    border: 1px solid #ff5500;
    color: #ff5500;
    background-color: #fff;
}

.customer-no {
    display: none;
    padding-bottom: 49px;
}

.cards-list {
    padding: 0.1rem;
    text-align: center;
    background-color: #fff;
}

.customer-no > div {
    margin: 0.1rem 0;
}

.customer-no .input-no {
    width: 60%;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 0 5px;
    font-size: 0.24rem;
}

.customer-no .search-btn {
    font-size: 0.24rem;
    background-color: #ff9f00;
    border: 0;
    border-radius: 3px;
    margin-left: 0.2rem;
    color: #fff;
    height: 30px;
    padding: 0 15px;
}

.customer-no .error-msg {
    color: #ff5500;
    margin-top: 10px;
    line-height: 0.3rem;
    padding: 0 0.1rem;
}

.next-step {
    text-align: center;
    height: 49px;
    line-height: 49px;
    position: fixed;
    bottom: 0;
    left: 0px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ddd;
}

.next-step a {
    background-color: #ff5500;
    text-decoration: none;
    padding: 0 50px;
    line-height: 30px;
    height: 30px;
    border-radius: 30px;
    display: inline-block;
    color: #fff;
}

/*header {*/
/*width: 100%;    */
/*height: 0.88rem;*/
/*line-height: 0.88rem;*/
/*font-size: 0.3rem;*/
/*text-align: center;*/
/*position: relative;*/
/*background: white;*/
/*}*/

/*#back {*/
/*position: absolute;*/
/*left: 0.2rem;*/
/*font-size: 0.4rem;*/
/*top: -0.05rem;*/
/*color: #8e8e8e;*/
/*}*/

/*header span {*/
/*font-size: 0.3rem;*/
/*color: #7f8787;*/
/*}*/

/*.container {*/
/*padding: 0.19rem;*/
/*}*/

/*.container img {*/
/*width: 2.54rem;*/
/*height: 1.4rem;*/
/*float: left;*/
/*}*/

/*.container .content {*/
/*float: left;*/
/*margin-left: 0.21rem;*/
/*}*/

/*.container:after {*/
/*content: '';*/
/*display: block;*/
/*clear: both;*/
/*}*/

/*.container p {*/
/*font-size: 0.2rem;*/
/*color: #b3b3b3;*/
/*}*/

/*#card_type {*/
/*margin: 0.22rem 0 0.2rem;*/
/*}*/

/*#cost {*/
/*color: red;*/
/*font-size: 0.28rem;*/
/*}*/

/*.user-detail {*/
/*background-color: white;*/
/*padding-left: 0.19rem;*/
/*}*/

/*.user-detail li {*/
/*border-bottom: 1px solid #ddd;*/
/*line-height: 0.7rem;*/
/*}*/

/*.user-detail li:last-child {*/
/*border-bottom: 0;*/
/*padding-right: 0.19rem;*/
/*}*/

/*.user-detail .left-desc, .pay-wrapper .left-desc {*/
/*color: #5c5c5c;*/
/*}*/

/*.user-detail .right-desc {*/
/*color: #c6c6c6;*/
/*float: right;*/
/*margin-right: 0.19rem;*/
/*}*/

/*.user-detail textarea {*/
/*width: 100%;*/
/*height: 50px;*/
/*border: 0;*/
/*resize: none;*/
/*}*/

/*.pay-wrapper li {*/
/*line-height: 0.7rem;*/
/*border-bottom: 1px solid #ddd;*/
/*padding-left: 0.2rem;*/
/*height: 0.7rem;*/
/*}*/

/*.pay-wrapper li > img {*/
/*vertical-align: middle;*/
/*width: 30px;*/
/*margin-right: 5px;*/
/*}*/

/*.pay-wrapper li:last-child {*/
/*border-bottom: 0;*/
/*padding-right: 0.2rem;*/
/*}*/

/*.pay-wrapper .right-desc {*/
/*float: right;*/
/*}*/

/*.pay-wrapper .right-desc img {*/
/*width: 20px;*/
/*vertical-align: sub;*/
/*}*/
/*footer {*/
/*position: fixed;*/
/*bottom: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 49px;*/
/*line-height: 49px;*/
/*padding: 0 0.2rem;*/
/*box-sizing: border-box;*/
/*}*/
/*footer:after {*/
/*clear: both;*/
/*content: '';*/
/*display: table;*/
/*}*/
/*footer .left-desc {*/
/*float: left;*/
/*}*/
/*footer .right-desc {*/
/*float: right;*/
/*}*/
/*footer .submit-order {*/
/*float: right;*/
/*color: #fff;*/
/*font-size: 0.2rem;*/
/*padding: 0 25px;*/
/*margin: 10px 0;*/
/*background-color: #ff5500;*/
/*border-radius: 30px;*/
/*height: 30px;*/
/*line-height: 30px;*/
/*text-decoration: none;*/

/*}*/
